#vis-box {
    width: 100%;
    height: 100%;
    overflow: scroll;
    background-color: #dbd8d8;
    overflow-x: hidden;
}
#vis-box .box {
    width: 100%;
    height: 60%;
    display: flex; /*使子类div一行显示*/
}

#vis-box .box .box-div1 {
    width: 30%;
    height: 100%;
    background-color: white;
}
#vis-box .box .box-div2 {
    width: 40%;
    height: 100%;
    background-color: white;
}
#vis-box .box .box-div3 {
    width: 30%;
    height: 100%;
    background-color: white;
}

#vis-box .box-top {
    width: 100%;
    height: 60%;
    display: flex; /*使子类div一行显示*/
}

#vis-box .box-center-one {
    width: 100%;
    height: 60%;
    display: flex; /*使子类div一行显示*/
}
#vis-box .box-center-two {
    width: 100%;
    height: 60%;
    display: flex; /*使子类div一行显示*/
}
#vis-box .box-bottom {
    width: 100%;
    height: 60%;
    display: flex; /*使子类div一行显示*/
}
#vis-box .box-div1 {
    width: 50%;
    height: 100%;
    background-color: white;
}
#vis-box .box-div2 {
    width: 50%;
    height: 100%;
    background-color: white;
}